css docs: Get rid of non-breaking hyphens

Signed-off-by: Arnaud Rebillout <elboulangero@gmail.com>
https://bugzilla.gnome.org/show_bug.cgi?id=791710

diff --git a/docs/reference/gtk/css-overview.xml b/docs/reference/gtk/css-overview.xml
index 4c15f427cb10ae58258b4d070adbd7b61c4c891a..8e031eddf6db11f53beca00bfb056ebf2197e034 100644 (file)
--- a/docs/reference/gtk/css-overview.xml
+++ b/docs/reference/gtk/css-overview.xml
@@ -21,11 +21,6 @@ Overview of CSS in GTK+
 Formatting conventions:
 We use
 
-‑ U+2011 Non-breaking Hyphen
-
-to control line breaks in the Name and Value columns.
-We use
-
 〈 U+2329 Left-pointing Angle Bracket
 〉 U+232A Right-pointing Angle Bracket
 
@@ -381,31 +376,31 @@ checkbutton:indeterminate {
             <entry>GTK+ uses the widget name as ID</entry>
           </row>
           <row>
-            <entry>E:nth‑child(〈nth‑child〉)</entry>
+            <entry>E:nth-child(〈nth-child〉)</entry>
             <entry>any E node which is the n-th child of its parent node</entry>
             <entry><ulink url="https://www.w3.org/TR/css3-selectors/#structural-pseudos">CSS</ulink></entry>
             <entry></entry>
           </row>
           <row>
-            <entry>E:nth‑last‑child(〈nth‑child〉)</entry>
+            <entry>E:nth-last-child(〈nth-child〉)</entry>
             <entry>any E node which is the n-th child of its parent node, counting from the end</entry>
             <entry><ulink url="https://www.w3.org/TR/css3-selectors/#structural-pseudos">CSS</ulink></entry>
             <entry></entry>
           </row>
           <row>
-            <entry>E:first‑child</entry>
+            <entry>E:first-child</entry>
             <entry>any E node which is the first child of its parent node</entry>
             <entry><ulink url="https://www.w3.org/TR/css3-selectors/#structural-pseudos">CSS</ulink></entry>
             <entry></entry>
           </row>
           <row>
-            <entry>E:last‑child</entry>
+            <entry>E:last-child</entry>
             <entry>any E node which is the last child of its parent node</entry>
             <entry><ulink url="https://www.w3.org/TR/css3-selectors/#structural-pseudos">CSS</ulink></entry>
             <entry></entry>
           </row>
           <row>
-            <entry>E:only‑child</entry>
+            <entry>E:only-child</entry>
             <entry>any E node which is the only child of its parent node</entry>
             <entry><ulink url="https://www.w3.org/TR/css3-selectors/#structural-pseudos">CSS</ulink></entry>
             <entry>Equivalent to E:first-child:last-child</entry>
@@ -622,7 +617,7 @@ background-color: @bg_color;
 <code>〈linear gradient〉 = [ linear-gradient | repeating-linear-gradient ] (</code>
 <code>                      [ [ 〈angle〉 | to 〈side or corner〉 ] , ]?</code>
 <code>                      〈color stops〉 )</code>
-<code>〈radial gradient〉 = [ radial‑gradient | repeating‑radial‑gradient ] (</code>
+<code>〈radial gradient〉 = [ radial-gradient | repeating-radial-gradient ] (</code>
 <code>                      [ [ 〈shape〉 || 〈size〉 ] [ at 〈position〉 ]? , | at 〈position〉, ]?</code>
 <code>                      〈color stops〉 )</code>
 <code>〈side or corner〉 = [ left | right ] || [ top | bottom ]</code>

diff --git a/docs/reference/gtk/css-properties.xml b/docs/reference/gtk/css-properties.xml
index 55cd900431676142190a40c68ca936b0178a4c03..473d97e5836d0e585ad26334730ee7f12646f433 100644 (file)
--- a/docs/reference/gtk/css-properties.xml
+++ b/docs/reference/gtk/css-properties.xml
@@ -21,11 +21,6 @@ GTK+ CSS Properties
 Formatting conventions:
 We use
 
-‑ U+2011 Non-breaking Hyphen
-
-to control line breaks in the Name and Value columns.
-We use
-
 〈 U+2329 Left-pointing Angle Bracket
 〉 U+232A Right-pointing Angle Bracket
 
@@ -187,7 +182,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
           </thead>
           <tbody>
             <row>
-              <entry>font‑family</entry>
+              <entry>font-family</entry>
               <entry><code>〈family name〉 [ , 〈family name〉 ]*</code></entry>
               <entry>gtk-font-name setting</entry>
               <entry>✓</entry>
@@ -197,7 +192,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>font‑size</entry>
+              <entry>font-size</entry>
               <entry><code>〈absolute size〉 | 〈relative size〉 | 〈length〉 | 〈percentage〉</code></entry>
               <entry>gtk-font-name setting</entry>
               <entry>✓</entry>
@@ -207,7 +202,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>font‑style</entry>
+              <entry>font-style</entry>
               <entry><code>normal | oblique | italic</code></entry>
               <entry><code>normal</code></entry>
               <entry>✓</entry>
@@ -217,7 +212,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>font‑variant</entry>
+              <entry>font-variant</entry>
               <entry><code>normal | small-caps</code></entry>
               <entry><code>normal</code></entry>
               <entry>✓</entry>
@@ -227,7 +222,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>only CSS2 values supported</entry>
             </row>
             <row>
-              <entry>font‑weight</entry>
+              <entry>font-weight</entry>
               <entry><code>normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900</code></entry>
               <entry><code>normal</code></entry>
               <entry>✓</entry>
@@ -237,7 +232,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>normal is synonymous with 400, bold with 700</entry>
             </row>
             <row>
-              <entry>font‑stretch</entry>
+              <entry>font-stretch</entry>
               <entry><code>ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded</code></entry>
               <entry><code>normal</code></entry>
               <entry>✓</entry>
@@ -246,7 +241,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>‑gtk‑dpi</entry>
+              <entry>-gtk-dpi</entry>
               <entry><code>〈number〉</code></entry>
               <entry>screen resolution</entry>
               <entry>✓</entry>
@@ -418,7 +413,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
           </thead>
           <tbody>
             <row>
-              <entry>letter‑spacing</entry>
+              <entry>letter-spacing</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>0px</code></entry>
               <entry>✓</entry>
@@ -427,7 +422,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>text‑decoration‑line</entry>
+              <entry>text-decoration-line</entry>
               <entry><code>none | underline | line-through</code></entry>
               <entry><code>none</code></entry>
               <entry></entry>
@@ -437,7 +432,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>CSS allows overline</entry>
             </row>
             <row>
-              <entry>text‑decoration‑color</entry>
+              <entry>text-decoration-color</entry>
               <entry><code>〈color〉</code></entry>
               <entry><code>currentColor</code></entry>
               <entry></entry>
@@ -446,7 +441,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>text‑decoration‑style</entry>
+              <entry>text-decoration-style</entry>
               <entry><code>solid | double | wavy</code></entry>
               <entry><code>solid</code></entry>
               <entry></entry>
@@ -455,7 +450,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>CSS allows dashed and dotted</entry>
             </row>
             <row>
-              <entry>text‑shadow</entry>
+              <entry>text-shadow</entry>
               <entry><code>none | 〈shadow〉</code></entry>
               <entry><code>none</code></entry>
               <entry>✓</entry>
@@ -471,7 +466,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
           </thead>
           <tbody>
             <row>
-              <entry>text‑decoration</entry>
+              <entry>text-decoration</entry>
               <entry><code>〈text-decoration-line〉 || 〈text-decoration-style〉 || 〈text-decoration-color〉</code></entry>
               <entry>see individual properties</entry>
               <entry><ulink url="https://www.w3.org/TR/css-text-decor-3/#text-decoration-property">CSS3</ulink></entry>
@@ -499,7 +494,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
           </thead>
           <tbody>
             <row>
-              <entry>‑gtk‑icon‑source</entry>
+              <entry>-gtk-icon-source</entry>
               <entry><code>builtin | 〈image〉 | none</code></entry>
               <entry><code>builtin</code></entry>
               <entry></entry>
@@ -508,7 +503,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>‑gtk‑icon‑transform</entry>
+              <entry>-gtk-icon-transform</entry>
               <entry><code>none | 〈transform〉+</code></entry>
               <entry><code>none</code></entry>
               <entry></entry>
@@ -517,7 +512,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>‑gtk‑icon‑style</entry>
+              <entry>-gtk-icon-style</entry>
               <entry><code>requested | regular | symbolic</code></entry>
               <entry><code>requested</code></entry>
               <entry>✓</entry>
@@ -526,7 +521,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>Determines the preferred style for application-loaded icons</entry>
             </row>
             <row>
-              <entry>‑gtk‑icon‑theme</entry>
+              <entry>-gtk-icon-theme</entry>
               <entry><code>〈name〉</code></entry>
               <entry>current icon theme</entry>
               <entry>✓</entry>
@@ -535,7 +530,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>The icon theme to use with -gtk-icontheme(). Since 3.20</entry>
             </row>
             <row>
-              <entry>‑gtk‑icon‑palette</entry>
+              <entry>-gtk-icon-palette</entry>
               <entry><code>〈color palette〉</code></entry>
               <entry><code>default</code></entry>
               <entry>✓</entry>
@@ -544,7 +539,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>Used to recolor symbolic icons (both application-loaded and from -gtk-icontheme()). Since 3.20</entry>
             </row>
             <row>
-              <entry>‑gtk‑icon‑shadow</entry>
+              <entry>-gtk-icon-shadow</entry>
               <entry><code>none | 〈shadow〉</code></entry>
               <entry><code>none</code></entry>
               <entry>✓</entry>
@@ -553,7 +548,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>‑gtk‑icon‑filter</entry>
+              <entry>-gtk-icon-filter</entry>
               <entry><code>none | 〈filter-function-list〉</code></entry>
               <entry><code>none</code></entry>
               <entry>✓</entry>
@@ -562,7 +557,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>‑gtk‑icon‑size</entry>
+              <entry>-gtk-icon-size</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>none</code></entry>
               <entry>✓</entry>
@@ -619,7 +614,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
           </thead>
           <tbody>
             <row>
-              <entry>min‑width</entry>
+              <entry>min-width</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>0px</code></entry>
               <entry></entry>
@@ -629,7 +624,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>CSS allows percentages</entry>
             </row>
             <row>
-              <entry>min‑height</entry>
+              <entry>min-height</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>0px</code></entry>
               <entry></entry>
@@ -639,7 +634,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>CSS allows percentages</entry>
             </row>
             <row>
-              <entry>margin‑top</entry>
+              <entry>margin-top</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>0px</code></entry>
               <entry></entry>
@@ -649,7 +644,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>CSS allows percentages or auto</entry>
             </row>
             <row>
-              <entry>margin‑right</entry>
+              <entry>margin-right</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>0px</code></entry>
               <entry></entry>
@@ -659,7 +654,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>CSS allows percentages or auto</entry>
             </row>
             <row>
-              <entry>margin‑bottom</entry>
+              <entry>margin-bottom</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>0px</code></entry>
               <entry></entry>
@@ -669,7 +664,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>CSS allows percentages or auto</entry>
             </row>
             <row>
-              <entry>margin‑left</entry>
+              <entry>margin-left</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>0px</code></entry>
               <entry></entry>
@@ -679,7 +674,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>CSS allows percentages or auto</entry>
             </row>
             <row>
-              <entry>padding‑top</entry>
+              <entry>padding-top</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>0px</code></entry>
               <entry></entry>
@@ -689,7 +684,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>CSS allows percentages</entry>
             </row>
             <row>
-              <entry>padding‑right</entry>
+              <entry>padding-right</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>0px</code></entry>
               <entry></entry>
@@ -699,7 +694,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>CSS allows percentages</entry>
             </row>
             <row>
-              <entry>padding‑bottom</entry>
+              <entry>padding-bottom</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>0px</code></entry>
               <entry></entry>
@@ -709,7 +704,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>CSS allows percentages</entry>
             </row>
             <row>
-              <entry>padding‑left</entry>
+              <entry>padding-left</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>0px</code></entry>
               <entry></entry>
@@ -755,7 +750,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
           </thead>
           <tbody>
             <row>
-              <entry>border‑top‑width</entry>
+              <entry>border-top-width</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>0px</code></entry>
               <entry></entry>
@@ -765,7 +760,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>CSS allows other values</entry>
             </row>
             <row>
-              <entry>border‑right‑width</entry>
+              <entry>border-right-width</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>0px</code></entry>
               <entry></entry>
@@ -775,7 +770,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>CSS allows other values</entry>
             </row>
             <row>
-              <entry>border‑bottom‑width</entry>
+              <entry>border-bottom-width</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>0px</code></entry>
               <entry></entry>
@@ -785,7 +780,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>CSS allows other values</entry>
             </row>
             <row>
-              <entry>border‑right‑width</entry>
+              <entry>border-right-width</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>0px</code></entry>
               <entry></entry>
@@ -795,7 +790,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>CSS allows other values</entry>
             </row>
             <row>
-              <entry>border‑top‑style</entry>
+              <entry>border-top-style</entry>
               <entry><code>〈border style〉</code></entry>
               <entry><code>none</code></entry>
               <entry></entry>
@@ -805,7 +800,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑right‑style</entry>
+              <entry>border-right-style</entry>
               <entry><code>〈border style〉</code></entry>
               <entry><code>none</code></entry>
               <entry></entry>
@@ -815,7 +810,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑bottom‑style</entry>
+              <entry>border-bottom-style</entry>
               <entry><code>〈border style〉</code></entry>
               <entry><code>none</code></entry>
               <entry></entry>
@@ -825,7 +820,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑left‑style</entry>
+              <entry>border-left-style</entry>
               <entry><code>〈border style〉</code></entry>
               <entry><code>none</code></entry>
               <entry></entry>
@@ -835,7 +830,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑top‑right‑radius</entry>
+              <entry>border-top-right-radius</entry>
               <entry><code>〈corner radius〉</code></entry>
               <entry><code>0</code></entry>
               <entry></entry>
@@ -845,7 +840,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑bottom‑right‑radius</entry>
+              <entry>border-bottom-right-radius</entry>
               <entry><code>〈corner radius〉</code></entry>
               <entry><code>0</code></entry>
               <entry></entry>
@@ -855,7 +850,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑bottom‑left‑radius</entry>
+              <entry>border-bottom-left-radius</entry>
               <entry><code>〈corner radius〉</code></entry>
               <entry><code>0</code></entry>
               <entry></entry>
@@ -865,7 +860,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑top‑left‑radius</entry>
+              <entry>border-top-left-radius</entry>
               <entry><code>〈corner radius〉</code></entry>
               <entry><code>0</code></entry>
               <entry></entry>
@@ -875,7 +870,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑top‑color</entry>
+              <entry>border-top-color</entry>
               <entry><code>〈color〉</code></entry>
               <entry><code>currentColor</code></entry>
               <entry></entry>
@@ -885,7 +880,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑right‑color</entry>
+              <entry>border-right-color</entry>
               <entry><code>〈color〉</code></entry>
               <entry><code>currentColor</code></entry>
               <entry></entry>
@@ -895,7 +890,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑bottom‑color</entry>
+              <entry>border-bottom-color</entry>
               <entry><code>〈color〉</code></entry>
               <entry><code>currentColor</code></entry>
               <entry></entry>
@@ -905,7 +900,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑left‑color</entry>
+              <entry>border-left-color</entry>
               <entry><code>〈color〉</code></entry>
               <entry><code>currentColor</code></entry>
               <entry></entry>
@@ -915,7 +910,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑image‑source</entry>
+              <entry>border-image-source</entry>
               <entry><code>〈image〉 | none</code></entry>
               <entry><code>none</code></entry>
               <entry></entry>
@@ -924,7 +919,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑image‑repeat</entry>
+              <entry>border-image-repeat</entry>
               <entry><code>〈border repeat〉{1,2}</code></entry>
               <entry><code>stretch</code></entry>
               <entry></entry>
@@ -933,7 +928,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑image‑slice</entry>
+              <entry>border-image-slice</entry>
               <entry><code>[ 〈number〉 | 〈percentage〉 ]{1,4} &amp;&amp; fill?</code></entry>
               <entry><code>100%</code></entry>
               <entry></entry>
@@ -942,7 +937,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>a 'four sides' shorthand</entry>
             </row>
             <row>
-              <entry>border‑image‑width</entry>
+              <entry>border-image-width</entry>
               <entry><code>[ 〈length〉 | 〈number〉 | 〈percentage〉 | auto ]{1,4}</code></entry>
               <entry><code>1</code></entry>
               <entry></entry>
@@ -959,7 +954,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
           </thead>
           <tbody>
             <row>
-              <entry>border‑width</entry>
+              <entry>border-width</entry>
               <entry><code>〈length〉{1,4}</code></entry>
               <entry>see individual properties</entry>
               <entry><ulink url="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-width">CSS2</ulink>,
@@ -967,7 +962,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>a 'four sides' shorthand</entry>
             </row>
             <row>
-              <entry>border‑style</entry>
+              <entry>border-style</entry>
               <entry><code>〈border style〉{1,4}</code></entry>
               <entry>see individual properties</entry>
               <entry><ulink url="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-style">CSS2</ulink>,
@@ -975,14 +970,14 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>a 'four sides' shorthand</entry>
             </row>
             <row>
-              <entry>border‑color</entry>
+              <entry>border-color</entry>
               <entry><code>〈color〉{1,4}</code></entry>
               <entry>see individual properties</entry>
               <entry><ulink url="https://www.w3.org/TR/css3-background/#border-color">CSS3</ulink></entry>
               <entry>a 'four sides' shorthand</entry>
             </row>
             <row>
-              <entry>border‑top</entry>
+              <entry>border-top</entry>
               <entry><code>〈length〉 || 〈border style〉 || 〈color〉</code></entry>
               <entry>see individual properties</entry>
               <entry><ulink url="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-top">CSS2</ulink>,
@@ -990,7 +985,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑left</entry>
+              <entry>border-left</entry>
               <entry><code>〈length〉 || 〈border style〉 || 〈color〉</code></entry>
               <entry>see individual properties</entry>
               <entry><ulink url="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-left">CSS2</ulink>,
@@ -998,7 +993,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑bottom</entry>
+              <entry>border-bottom</entry>
               <entry><code>〈length〉 || 〈border style〉 || 〈color〉</code></entry>
               <entry>see individual properties</entry>
               <entry><ulink url="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-bottom">CSS2</ulink>,
@@ -1006,7 +1001,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑right</entry>
+              <entry>border-right</entry>
               <entry><code>〈length〉 || 〈border style〉 || 〈color〉</code></entry>
               <entry>see individual properties</entry>
               <entry><ulink url="https://www.w3.org/TR/2011/REC-CSS2-20110607/box.html#propdef-border-right">CSS2</ulink>,
@@ -1022,14 +1017,14 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑radius</entry>
+              <entry>border-radius</entry>
               <entry><code>[ 〈length〉 | 〈percentage〉 ]{1,4} [ / [ 〈length〉 | 〈percentage〉 ]{1,4} ]?</code></entry>
               <entry>see individual properties</entry>
               <entry><ulink url="https://www.w3.org/TR/css3-background/#border-radius">CSS3</ulink></entry>
               <entry></entry>
             </row>
             <row>
-              <entry>border‑image</entry>
+              <entry>border-image</entry>
               <entry><code>〈border-image-source〉 || 〈border-image-slice〉 [ / 〈border-image-width〉 | / 〈border-image-width〉? / 〈border-image-outset〉 ]? || 〈border-image-repeat〉</code></entry>
               <entry>see individual properties</entry>
               <entry><ulink url="https://www.w3.org/TR/css3-background/#border-image">CSS3</ulink></entry>
@@ -1053,7 +1048,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
           </thead>
           <tbody>
             <row>
-              <entry>outline‑style</entry>
+              <entry>outline-style</entry>
               <entry><code>none | solid | inset | outset | hidden | dotted | dashed | double  | groove | ridge</code></entry>
               <entry><code>none</code></entry>
               <entry></entry>
@@ -1063,7 +1058,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>outline‑width</entry>
+              <entry>outline-width</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>0px</code></entry>
               <entry></entry>
@@ -1073,7 +1068,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>outline‑color</entry>
+              <entry>outline-color</entry>
               <entry><code>〈color〉</code></entry>
               <entry><code>currentColor</code></entry>
               <entry></entry>
@@ -1083,7 +1078,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>outline‑offset</entry>
+              <entry>outline-offset</entry>
               <entry><code>〈length〉</code></entry>
               <entry><code>0px</code></entry>
               <entry></entry>
@@ -1092,7 +1087,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>‑gtk‑outline‑top‑left‑radius</entry>
+              <entry>-gtk-outline-top-left-radius</entry>
               <entry><code>〈corner radius〉</code></entry>
               <entry><code>0</code></entry>
               <entry></entry>
@@ -1101,7 +1096,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>‑gtk‑outline‑top‑right‑radius</entry>
+              <entry>-gtk-outline-top-right-radius</entry>
               <entry><code>〈corner radius〉</code></entry>
               <entry><code>0</code></entry>
               <entry></entry>
@@ -1110,7 +1105,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>‑gtk‑outline‑bottom‑right‑radius</entry>
+              <entry>-gtk-outline-bottom-right-radius</entry>
               <entry><code>〈corner radius〉</code></entry>
               <entry><code>0</code></entry>
               <entry></entry>
@@ -1119,7 +1114,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>‑gtk‑outline‑bottom‑left‑radius</entry>
+              <entry>-gtk-outline-bottom-left-radius</entry>
               <entry><code>〈corner radius〉</code></entry>
               <entry><code>0</code></entry>
               <entry></entry>
@@ -1143,7 +1138,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>‑gtk‑outline‑radius</entry>
+              <entry>-gtk-outline-radius</entry>
               <entry><code>[ 〈length〉|〈percentage〉 ]{1,4} [ / [〈length〉 | 〈percentage〉 ]{1,4} ]?</code></entry>
               <entry>see individual properties</entry>
               <entry></entry>
@@ -1167,7 +1162,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
           </thead>
           <tbody>
             <row>
-              <entry>background‑color</entry>
+              <entry>background-color</entry>
               <entry><code>〈color〉</code></entry>
               <entry><code>rgba(0,0,0,0)</code></entry>
               <entry></entry>
@@ -1177,7 +1172,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>background‑clip</entry>
+              <entry>background-clip</entry>
               <entry><code>〈box〉 [ , 〈box〉 ]*</code></entry>
               <entry><code>border-box</code></entry>
               <entry></entry>
@@ -1186,7 +1181,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>background‑origin</entry>
+              <entry>background-origin</entry>
               <entry><code>〈box〉 [ , 〈box〉 ]*</code></entry>
               <entry><code>padding-box</code></entry>
               <entry></entry>
@@ -1195,7 +1190,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>background‑size</entry>
+              <entry>background-size</entry>
               <entry><code>〈bg-size〉 [ , 〈bg-size〉 ]*</code></entry>
               <entry><code>auto</code></entry>
               <entry></entry>
@@ -1204,7 +1199,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>background‑position</entry>
+              <entry>background-position</entry>
               <entry><code>〈position〉 [ , 〈position〉 ]*</code></entry>
               <entry><code>0</code></entry>
               <entry></entry>
@@ -1214,7 +1209,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>background‑repeat</entry>
+              <entry>background-repeat</entry>
               <entry><code>〈bg-repeat 〉[ , 〈bg-repeat〉 ]*</code></entry>
               <entry><code>repeat</code></entry>
               <entry></entry>
@@ -1224,7 +1219,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>background‑image</entry>
+              <entry>background-image</entry>
               <entry><code>〈bg-image〉[ , 〈bg-image〉 ]*</code></entry>
               <entry><code>none</code></entry>
               <entry></entry>
@@ -1243,7 +1238,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry>only affects multiple backgrounds</entry>
             </row>
             <row>
-              <entry>box‑shadow</entry>
+              <entry>box-shadow</entry>
               <entry><code>none | 〈box shadow〉 [ , 〈box shadow〉 ]*</code></entry>
               <entry><code>none</code></entry>
               <entry></entry>
@@ -1300,7 +1295,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
           </thead>
           <tbody>
             <row>
-              <entry>transition‑property</entry>
+              <entry>transition-property</entry>
               <entry><code>none | all | 〈property name〉 [ , 〈property name〉 ]*</code></entry>
               <entry><code>all</code></entry>
               <entry></entry>
@@ -1309,7 +1304,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>transition‑duration</entry>
+              <entry>transition-duration</entry>
               <entry><code>〈time〉 [ , 〈time〉 ]*</code></entry>
               <entry><code>0s</code></entry>
               <entry></entry>
@@ -1318,8 +1313,8 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>transition‑timing‑function</entry>
-              <entry><code>〈single‑timing‑function〉[ , 〈single‑timing‑function〉 ]*</code></entry>
+              <entry>transition-timing-function</entry>
+              <entry><code>〈single-timing-function〉[ , 〈single-timing-function〉 ]*</code></entry>
               <entry><code>ease</code></entry>
               <entry></entry>
               <entry></entry>
@@ -1327,7 +1322,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>transition‑delay</entry>
+              <entry>transition-delay</entry>
               <entry><code>〈time〉 [ , 〈time〉 ]*</code></entry>
               <entry><code>0s</code></entry>
               <entry></entry>
@@ -1369,7 +1364,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
           </thead>
           <tbody>
             <row>
-              <entry>animation‑name</entry>
+              <entry>animation-name</entry>
               <entry><code>〈single-animation-name〉 [ , 〈single-animation-name〉 ]*</code></entry>
               <entry><code>none</code></entry>
               <entry></entry>
@@ -1378,7 +1373,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>animation‑duration</entry>
+              <entry>animation-duration</entry>
               <entry><code>〈time〉 [ , 〈time〉 ]*</code></entry>
               <entry><code>0s</code></entry>
               <entry></entry>
@@ -1387,8 +1382,8 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>animation‑timing‑function</entry>
-              <entry><code>〈single‑timing‑function〉 [ , 〈single‑timing‑function〉 ]*</code></entry>
+              <entry>animation-timing-function</entry>
+              <entry><code>〈single-timing-function〉 [ , 〈single-timing-function〉 ]*</code></entry>
               <entry><code>ease</code></entry>
               <entry></entry>
               <entry></entry>
@@ -1396,8 +1391,8 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>animation‑iteration-count</entry>
-              <entry><code>〈single‑animation‑iteration‑count〉 [ , 〈single‑animation‑iteration‑count〉 ]*</code></entry>
+              <entry>animation-iteration-count</entry>
+              <entry><code>〈single-animation-iteration-count〉 [ , 〈single-animation-iteration-count〉 ]*</code></entry>
               <entry><code>1</code></entry>
               <entry></entry>
               <entry></entry>
@@ -1405,8 +1400,8 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>animation‑direction</entry>
-              <entry><code>〈single‑animation‑direction〉 [ , 〈single‑animation‑direction〉 ]*</code></entry>
+              <entry>animation-direction</entry>
+              <entry><code>〈single-animation-direction〉 [ , 〈single-animation-direction〉 ]*</code></entry>
               <entry><code>normal</code></entry>
               <entry></entry>
               <entry></entry>
@@ -1414,8 +1409,8 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>animation‑play‑state</entry>
-              <entry><code>〈single‑animation‑play‑state〉 [ , 〈single‑animation‑play‑state〉 ]*</code></entry>
+              <entry>animation-play-state</entry>
+              <entry><code>〈single-animation-play-state〉 [ , 〈single-animation-play-state〉 ]*</code></entry>
               <entry><code>running</code></entry>
               <entry></entry>
               <entry></entry>
@@ -1423,7 +1418,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>animation‑delay</entry>
+              <entry>animation-delay</entry>
               <entry><code>〈time〉 [ , 〈time〉 ]*</code></entry>
               <entry><code>0s</code></entry>
               <entry></entry>
@@ -1432,8 +1427,8 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
               <entry></entry>
             </row>
             <row>
-              <entry>animation‑fill‑mode</entry>
-              <entry><code>〈single‑animation‑fill‑mode〉 [ , 〈single‑animation‑fill‑mode〉 ]*</code></entry>
+              <entry>animation-fill-mode</entry>
+              <entry><code>〈single-animation-fill-mode〉 [ , 〈single-animation-fill-mode〉 ]*</code></entry>
               <entry><code>none</code></entry>
               <entry></entry>
               <entry></entry>
@@ -1449,7 +1444,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
           <tbody>
             <row>
               <entry>animation</entry>
-              <entry><code>〈single‑animation〉 [ , 〈single‑animation〉]*</code></entry>
+              <entry><code>〈single-animation〉 [ , 〈single-animation〉]*</code></entry>
               <entry>see individual properties</entry>
               <entry><ulink url="https://www.w3.org/TR/css3-animations/#animation">CSS3</ulink></entry>
               <entry></entry>
@@ -1477,7 +1472,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
           </thead>
           <tbody>
             <row>
-              <entry>‑gtk‑key‑bindings</entry>
+              <entry>-gtk-key-bindings</entry>
               <entry><code>none | 〈binding name〉 [ , 〈binding name〉 ]*</code></entry>
               <entry><code>none</code></entry>
               <entry></entry>
@@ -1503,7 +1498,7 @@ We use <literallayout> for syntax productions, and each line is put in a <code>
           </thead>
           <tbody>
             <row>
-              <entry>border‑spacing</entry>
+              <entry>border-spacing</entry>
               <entry><code>〈length〉{1,2}</code></entry>
               <entry><code>0</code></entry>
               <entry>✓</entry>